<template>
  <view>
    <!--页面标题头begin-->
    <view class="smart-page-head">
      <view class="smart-page-head-title">progress进度条</view>
    </view>
    <!--页面标题头end-->
    <view class="main">
      <progress :percent="p" active="true" activeColor="#4CD964" stroke-width="20" show-info="true"></progress>
      <button type="primary" @click="setProgress()">设置</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      p: 50
    }
  },
  methods: {
    /*设置进度条事件*/
    setProgress() {
      console.log('setting。。。');
      this.p = 80;
    }
  }
}
</script>
<style>

</style>
